<template>
  <view :style="colorStyle">
    <view class="infobox4">
      <view
        class="block1 flex aitems between"
        @click="gourl('/pages/user/info')"
      >
        <view class="info1 flex aitems">
          <view class="tip1 c1F1F1F f28"> 我的资料 </view>
        </view>
        <image src="@/static/img18.png" mode=""></image>
      </view>

      <view
        v-if="sellerapplayopen"
        class="block1 flex aitems between"
        @click="gourl('/pages/user/xieyi?key=sellerAdd&title=商家入驻协议')"
      >
        <view class="info1 flex aitems">
          <view class="tip1 c1F1F1F f28"> 商家入驻协议 </view>
        </view>
        <image src="@/static/img18.png" mode=""></image>
      </view>

      <view
        class="block1 flex aitems between"
        @click="gourl('/pages/user/xieyi?key=user_agreement&title=用户协议')"
      >
        <view class="info1 flex aitems">
          <view class="tip1 c1F1F1F f28"> 用户协议 </view>
        </view>
        <image src="@/static/img18.png" mode=""></image>
      </view>

      <view
        class="block1 flex aitems between"
        @click="gourl('/pages/user/xieyi?key=privacy_agreement&title=隐私政策')"
      >
        <view class="info1 flex aitems">
          <view class="tip1 c1F1F1F f28"> 隐私政策 </view>
        </view>
        <image src="@/static/img18.png" mode=""></image>
      </view>

      <view
        class="block1 flex aitems between"
        @click="gourl('/pages/user/xieyi?key=about&title=关于我们')"
      >
        <view class="info1 flex aitems">
          <view class="tip1 c1F1F1F f28"> 关于我们 </view>
        </view>
        <image src="@/static/img18.png" mode=""></image>
      </view>

      <!-- <view
        class="block1 flex aitems between"
        @click="
          gourl(
            '/pages/user/xieyi?key=DescriptionConsumerRightsProtectionMeasures&title=消费者权益保障措施说明'
          )
        "
      >
        <view class="info1 flex aitems">
          <view class="tip1 c1F1F1F f28"> 消费者权益保障措施说明 </view>
        </view>
        <image src="@/static/img18.png" mode=""></image>
      </view> -->
    </view>

    <view class="" style="height: 200rpx"> </view>
  </view>
</template>

<script>
import { paramConfig } from "@/servers/servers.js";
import { HTTP_STATUS } from "@/servers/config.js";
import colors from "@/mixins/color";
import { go } from "../../utils/wxAPI";
export default {
  mixins: [colors],
  data() {
    return {
      sellerapplayopen: 0,
    };
  },
  onLoad() {
    this.paramConfig();
  },
  methods: {
    async paramConfig() {
      let { data } = await paramConfig({
        key: "seller.applay.open",
      });
      if (data.code == HTTP_STATUS.RUSELT_SUCCESS) {
        let num = data.data;
        this.sellerapplayopen = Number(num);
      }
    },
    gourl(url) {
      go(url);
    },
  },
};
</script>
<style>
/* #ifdef MP-WEIXIN */
page {
  background: #f5f5f5;
}

/* #endif */
</style>
<style lang="scss" scoped>
page {
  background: #f5f5f5;
}

.infobox4 {
  position: relative;
  z-index: 1;
  padding: 20rpx 24rpx;
  background: #fff;
  border-radius: 28rpx;
  margin: 24rpx 30rpx 0;

  .block1 {
    padding: 20rpx 0;

    .info1 {
      image {
        width: 56rpx;
        height: 56rpx;
      }

      .tip1 {
        // margin-left: 20rpx;
      }
    }

    image {
      width: 32rpx;
      height: 32rpx;
    }
  }
}
</style>
